<template>
<a class="button" @click="handler">
  <div class="btn-bg" :style="{ 'background-color': bgColor }"></div>
  <et-icon :name="icon" />
</a>
</template>

<script>
import { EtIcon } from '../../widgets';

export default {

  components: {
    EtIcon
  },

  props: {
    bgColor: {
      type: String,
      required: true
    },
    icon: {
      type: String,
      required: true
    },
    handler: {
      type: Function,
      default: () => {}
    }
  }

};
</script>
